<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

<link rel="stylesheet" href="lib/fancybox/source/jquery.fancybox.css?v=2.0.4" type="text/css" media="screen" />
<script type="text/javascript" src="lib/fancybox/source/jquery.fancybox.pack.js?v=2.0.4"></script>

<link rel="stylesheet" href="lib/fancybox/source/helpers/jquery.fancybox-buttons.css?v=2.0.4" type="text/css" media="screen" />
<script type="text/javascript" src="lib/fancybox/source/helpers/jquery.fancybox-buttons.js?v=2.0.4"></script>

<link rel="stylesheet" href="lib/fancybox/source/helpers/jquery.fancybox-thumbs.css?v=2.0.4" type="text/css" media="screen" />
<script type="text/javascript" src="lib/fancybox/source/helpers/jquery.fancybox-thumbs.js?v=2.0.4"></script>


<script type="text/javascript">

$(document).ready(function() {
	$(".fancybox-thumb").fancybox({
		prevEffect	: 'none',
		nextEffect	: 'none',
		helpers	: {
			title	: {
				type: 'outside'
			},
			overlay	: {
				opacity : 0.8,
				css : {
					'background-color' : '#000'
				}
			},
			thumbs	: {
				width	: 50,
				height	: 50
			}
		}
	});
});

</script>

<div id="content">

Bilder<br/>
<hr>
So:
<br />


<a class="fancybox-thumb" rel="fancybox-thumb" href="http://farm7.staticflickr.com/6099/6359411189_0ffbb4719f_b.jpg" title="Backwash (Through Bri`s Lens)">
	<img src="http://farm7.staticflickr.com/6099/6359411189_0ffbb4719f_m.jpg" alt="" />
</a>
<a class="fancybox-thumb" rel="fancybox-thumb" href="http://farm7.staticflickr.com/6056/6365434941_b40047bafc_b.jpg" title="Ailsa Craig (David Hannah)">
	<img src="http://farm7.staticflickr.com/6056/6365434941_b40047bafc_m.jpg" alt="" />
</a>
<a class="fancybox-thumb" rel="fancybox-thumb" href="http://farm7.staticflickr.com/6046/6360152511_91a2b3fe24_b.jpg" title="Autumn light (Muffet)">
	<img src="http://farm7.staticflickr.com/6046/6360152511_91a2b3fe24_m.jpg" alt="" />
</a>
<a class="fancybox-thumb" rel="fancybox-thumb" href="http://farm7.staticflickr.com/6053/6358802513_77a61e3630_b.jpg" title="(peet-astn)">
	<img src="http://farm7.staticflickr.com/6053/6358802513_77a61e3630_m.jpg" alt="" />
</a>

<br/>
<br/>
<hr />
<br/>


Oder es gibt ein Bild als Link und man kommt dann in die Unterkatrgorie:
<br />
<br />
<table>
	<tr>
		<th>Kategorie</th>
		<th>Bild</th>
	</tr>
	<tr>
		<td>Hochzeit</td>
		<td>
			<a href="hochzeit"> <img src="http://farm7.staticflickr.com/6056/6365434941_b40047bafc_m.jpg" alt=""/>  </a>
		</td>
	</tr>

</table>


</div>